<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/titlebanner.css">
    <link rel="stylesheet" href="../css/online.css">
    <script src="https://code.jquery.com/jquery-3.1.1.min.js"></script>
    <script src="../js/topfoot.js"></script>
</head>
<script>
    function onlinemessage() {
        let data = {
            name: $("#online-name").val().trim(),
            email: $("#online-email").val().trim(),
            phone: $("#online-tel").val().trim(),
            content: $("#online-content").val().trim()
        };
        let result = myAjax("onLineAdd", data, "get");
        alert("感谢你的关心，我们会更好的为你服务");
    }
</script>
<body>
<div id="tophtml"></div>
<div class="content">
    <div class="title-banner">
        <div>在线留言</div>
        <div></div>
    </div>
    <div class="online-center">
        <div>
            <div>我们会做得更好！</div>
            <div>WE WILL DO BETTER</div>
        </div>
        <div>如果您对我们有什么建议、投诉、需求，可以通过留言告诉我们，我们会在第-时间了解并及时与您联系。</div>
        <div>
            <div>称呼:</div>
            <div><input type="text" id="online-name"></div>
            <div>电子邮件：</div>
            <div><input type="text" id="online-email"></div>
            <div>内容：</div>
            <div><textarea id="online-content"></textarea></div>
            <div>联系电话：</div>
            <div><input type="text" id="online-tel"></div>
            <div><input type="button" id="online-commit" value="提交" onclick="onlinemessage()"></div>
        </div>
    </div>
</div>
<div id="foothtml"></div>
</body>
</html>